﻿<html>
	<head>
		<link type="text/css" rel="stylesheet" href="/static/apps_opt.css">
		{{css}}
		
	</head>
	<body>
		<div id="page">
			{{header}}
			<div id="content" class="contents">
				<div style="padding: 20px 10px 750px 5px;">
						<div style="float:left;">

							<div class="box" style="float:left;width:220px;height:260px;background-color:#e0e8ff;border:1px solid #aaa;margin-top:2px;">

							<h1 style="padding: 0;margin:0px;font-size:12pt;text-align:center">Welcome to the BKStore</h1>
							<ul style="padding-top: 0px;margin-top: 0px;">
							<li style="margin-bottom:3px;">Discover the best Android apps via search, rankings and categories
							</li>
							<li style="margin-bottom:3px;">Easily install and download apps directly from and on the phone with our free <a href="">Android app</a>
							</li>
							<li>Easily buy paid app and payment via Paypal gateway
							</li>
							<li>Easily register and upload apps directly from web browser 
							</li>
							</ul>
							<p>&nbsp;<p>
							<div style="text-align:center;">
							{% for source in sources %}
							<a class="sexy-button sexy-button-primary" style="text-decoration: none; font-size: 17px; color: rgb(51, 51, 51);" href="/source/{{source.id}}">
					        Download BKStore V{{source.Version}}</a>
							{% endfor %}
							</div>
							
						</div>
						<div style="padding: 0 5px 5px 5px; margin: 3px;float:left;width:240px;border: 1px #eee solid;-moz-border-radius:5px;-webkit-border-radius:5px;">
						<h2 style="font-size: normal;float:left;"><a href="">Hot Apps</a></h2>
						<div class="clear"></div>
						<ul style="padding-top:4px;list-style-type:none;padding: 0px;margin:0px;">
						{% for app in hotapps %}
						<li>
						<a class="app-item" href="" title="Pumpkins VS Monster">
						<span style="display:block">
						<img src="/icon/{{app.id}}" class="iconS" alt="">
						{% ifequal app.Price 0.0 %}
							<span class="floatR"><span class="smallFree">Free</span></span>
						{% else %}
							<span class="floatR"><span class="smallFree">{{app.Price}} $</span></span>
						{% endifequal %}
						<span title="Pumpkins VS Monster">{{app.AppName}}</span><br>
						<span class="c_rating" style="float:left"><span class="srating" style="width:44px"></span></span>
						<span class="appSmall">Download: {{app.DownloadNumber}}</span>
						<span class="clear"></span>
						</span></a>
						</li>
						{% endfor %}
						</ul>
						
						</div>
						<div style="padding: 0 5px 5px 5px; margin: 3px;float:left;width:240px;border: 1px #eee solid;-moz-border-radius:5px;-webkit-border-radius:5px;">
						<h2 style="font-size: normal;"><a href="http://www.appbrain.com/apps/hot/">New Apps</a></h2>
						<ul style="padding-top:4px;list-style-type:none;padding: 0px;margin:0px;">
						{% for app in newapps %}
						<li>
						<a class="app-item" href="" title="Pumpkins VS Monster">
						<span style="display:block">
						<img src="/icon/{{app.id}}" class="iconS" alt="">
						{% ifequal app.Price 0.0 %}
							<span class="floatR"><span class="smallFree">Free</span></span>
						{% else %}
							<span class="floatR"><span class="smallFree">{{app.Price}} $</span></span>
						{% endifequal %}
						<span title="Pumpkins VS Monster">{{app.AppName}}</span><br>
						<span class="c_rating" style="float:left"><span class="srating" style="width:44px"></span></span>
						<span class="appSmall">Download: {{app.DownloadNumber}}</span>
						<span class="clear"></span>
						</span></a>
						</li>
						{% endfor %}
						</ul>
						</div>
						<div style="clear:both"></div>

						<div style="padding: 0 5px 5px 5px; margin: 5px;float:left;width:240px;border: 0;">
						</div>
						<div style="padding: 0 5px 5px 5px; margin: 3px;float:left;width:240px;border: 1px #eee solid;-moz-border-radius:5px;-webkit-border-radius:5px;">
						<h2 style="font-size: normal;"><a href="http://www.appbrain.com/apps/popular/arcade-and-action/new/">Top Free</a></h2>
						<ul style="padding-top:4px;list-style-type:none;padding: 0px;margin:0px;">
						{% for app in topfrees %}
						<li>
						<a class="app-item" href="" title="Pumpkins VS Monster">
						<span style="display:block">
						<img src="/icon/{{app.id}}" class="iconS" alt="">
						
						<span class="floatR"><span class="smallFree">Free</span></span>
						
						<span title="Pumpkins VS Monster">{{app.AppName}}</span><br>
						<span class="c_rating" style="float:left"><span class="srating" style="width:44px"></span></span>
						<span class="appSmall">Download: {{app.DownloadNumber}}</span>
						<span class="clear"></span>
						</span></a>
						</li>
						{% endfor %}
						</ul>
						
						</div>
						<div style="padding: 0 5px 5px 5px; margin: 3px;float:left;width:240px;border: 1px #eee solid;-moz-border-radius:5px;-webkit-border-radius:5px;">
						<h2 style="font-size: normal;"><a href="http://www.appbrain.com/apps/popular/productivity/new/">Top Paid</a></h2>
						<ul style="padding-top:4px;list-style-type:none;padding: 0px;margin:0px;">
						{% for app in toppaids %}
							<li>
						<a class="app-item" href="" title="Pumpkins VS Monster">
						<span style="display:block">
						<img src="/icon/{{app.id}}" class="iconS" alt="">
						
						<span class="floatR"><span class="smallFree">{{app.Price}} $</span></span>
						
						<span title="Pumpkins VS Monster">{{app.AppName}}</span><br>
						<span class="c_rating" style="float:left"><span class="srating" style="width:44px"></span></span>
						<span class="appSmall">Download : {{app.DownloadNumber}}</span>
						<span class="clear"></span>
						</span></a>
						</li>
						{% endfor %}
						</ul>

						</div>
						</div>
					</div>
					
				</div>
			
			{{footer}}
		</div>
	</body>
</html>